*{margin:0; padding:0;}
a{text-decoration:none; outline:none;}
a:hover{text-decoration:underline;}
.clr{clear:both;}
.wrapper{ margin:0 auto; width:1000px; background:url(../images/bg_maincontain1.gif);}
ul li{list-style:none;}
/** HEADER ==============================================================================*/
.header{width:100%; background:#e3e3e3; height:260px;}
.banner{width:100%; height:200px; background:#dedede;}

.top-menu{width:100%; height:60px; background:#e2e2e2;}
.block-topmenu{float:left; position:relative; width: 100%; background:url(../images/bg_nav.png) top left repeat-x; height:60px;}
.block-topmenu > ul{float:left; width:100%; height:30px; line-height:30px; background:url(../img/bg_nav.png) top left repeat-x; margin:0; padding:0; }
.block-topmenu ul > li:hover{background:url(../img/bg_nav.png) bottom left repeat-x; position:relative;}
.block-topmenu ul li{float:left; display:inline; }
.block-topmenu ul li ul{display:none; position:absolute; top:30px; left:0; width:960px; height:30px;}
.block-topmenu ul > li:hover ul{display:block; margin-left:0px;}
.block-topmenu ul li ul li{float:left; display:inline;}
.block-topmenu ul li ul li a{color:#ddd;}
.block-topmenu ul li a{padding:0 10px; margin:0; color: #c6ddde;}
.block-topmenu ul li a:hover ul{}
.block-topmenu ul li a:hover{color: white;/* background:url(../img/bg_nav.png) bottom left repeat-x;*/}
.block-topmenu .admin-logout{position:absolute; top:5px; right:10px; color:#222;}
.block-topmenu .admin-logout span{color:#de2525; font-weight:bold; margin-right:10px;}
.block-topmenu .admin-logout a{color:#ddd;}
.block-topmenu .admin-logout a:hover{color:#fff;}
/**=====================================================================================*/

.main-contain{  width:100%; height:auto; margin:10px 0;}

/*left menu*/
.main-left{float:left; width:200px; height:auto;}
.main-left .menu-left{margin-left:20px;}
.main-left .menu-left ul li{padding:5px 0 5px 10px; border:1px solid #12b0f2; -moz-border-radius:10px; -webkit-border-radius:10px; margin:5px 0;background:url(../images/bg_nav.png) top left repeat-x;}
.main-left .menu-left ul li a{color:#222;}
.main-left .menu-left ul li a:hover{color:#444;}
/* main content *******************************************************/
.main-content{float:left;width:780px; height:auto; margin:0 10px;}
.main-content h1{background:#12b0f2; color:#ddd; text-transform:uppercase; text-align:center; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; padding:10px 0;margin-bottom:20px;}
.main-content h1:hover{color:#fff;}
.main-content .save-reset{margin:20px 0; text-align:center;}
.main-content .add-del{margin-bottom:20px;text-align:right;}
.main-content .save-reset input,
.main-content .add-del input{height:30px; background:url(../images/bg_nav.png) top left repeat-x;color:#ddd; padding:0 10px; font-weight:bold;border:1px solid #12b0f2;-moz-border-radius:10px;-webkit-border-radius:10px;}
.main-content .save-reset input:hover,
.main-content .add-del input:hover{color:#fff;}
.main-content table {border: 1px solid #9966FF;border-collapse: collapse;}
.main-content table tr {border: 1px solid #9966FF; border-collapse: collapse;}
.main-content table tr th,
.main-content table tr td {border: 1px solid #9966FF;border-collapse: collapse;padding: 2px 10px;}
/*FOOTER********************************************************************************/
.footer{width:100%;background:#ffccff;}
.footer .bottom-menu{width:100%;text-align:center;}
.footer .bottom-menu ul li{display:inline;}
.footer .bottom-menu ul li a{padding:5px 10px; color:#333;}
.footer .bottom-menu ul li a:hover{color:#222;}
.footer .copy-right{width:100%; margin-top:10px; text-align:center;}

